<template>
	<view class="toop">
		<view class="">
			<image src="../../static/img/laba.png" mode=""></image>
		</view>
		<marquee  behavior="" scrolldelay='100'>重瞳本是无敌路，何须再借他人骨。快来和石昊一起冒险吧！
	</marquee>
	</view>
	
	<view class="main">
		
		<swiper class="swiper123" :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image
						src="https://p3-reading-sign.fqnovelpic.com/novel-pic/p2obb133cb5a48be531dcd0fbad46a5ef34~tplv-resize:200:260.image?lk3s=8c91f0b0&x-expires=1716275673&x-signature=Ue8TvFYogJqDYsm3mMTR4OsoBoM%3D"
						mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://p3-reading-sign.fqnovelpic.com/novel-pic/64edf69fff667e457733a0f89b51f12f~tplv-resize:200:260.image?lk3s=8c91f0b0&x-expires=1716275704&x-signature=xD4Pz96YTjPPaT7yDhYT9JBNGmA%3D" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://p3-reading-sign.fqnovelpic.com/novel-images/27527752c4615e1082095e2789da1212~tplv-resize:200:260.image?lk3s=8c91f0b0&x-expires=1716275704&x-signature=XJB9hZ1CMAM549SbX8ZN0lY3FcY%3D" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://p3-reading-sign.fqnovelpic.com/novel-pic/f53a123d81f15dbcf0670dff01cae10f~tplv-resize:200:260.image?lk3s=8c91f0b0&x-expires=1716275760&x-signature=HSbZoPwGrbZQDSmEuMAfpZ%2Bfrb8%3D" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://p3-reading-sign.fqnovelpic.com/novel-images/54c45302fae55cdb41a771a1ffa7c8cb~tplv-resize:200:260.image?lk3s=8c91f0b0&x-expires=1716275785&x-signature=7R5rHWJMpWc92FATxxO8u6j%2FGKI%3D" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
		<view class="right">
			<h4>今日首推</h4>
			<image src="https://bookcover.yuewen.com/qdbimg/349573/c_22246296000281002/300" mode=""></image>
		</view>
	</view>
	<view class="middle">
		<xiaoshuo v-for="(c123, index456) in xiaoshuos" :book="c123"></xiaoshuo>
	</view>
</template>

<script>
	
	export default {
		name:"tuijian",
		data() {
			return {
				
			}
		},
		props: {
		    xiaoshuos: { 
		      type:Array,
		      required: true 
			}
		 },
		methods: {
			
		}
	}
</script>

<style>
	.toop{
		height: 30rpx;
		font-size: 20rpx;
		line-height: 30rpx;
		background-color: whitesmoke;
		display: flex;
		padding:10rpx 20rpx 0 20rpx;
		color: red;
	}
	.toop image{
		height: 30rpx;
		width: 30rpx;
		
	}
	.middle{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		border-radius: 10rpx;
	}
	.right{
		margin-top: 20rpx;
		margin-left: 90rpx;
		width: 300rpx;
		height: 350rpx;
	}
	.right image{
		width: 260rpx;
		height: 310rpx;
		border-radius: 10rpx;
	}
	.main{
		height: 400rpx;
		width: 750rpx;
		background-color: whitesmoke;
		
		display: flex;
		
		
	}
	.swiper123 {
		margin-top: 20rpx;
		margin-left: 20rpx;
		border-radius: 10rpx;
		width: 300rpx;
		height: 350rpx;
		
		
	}

	.swiper123 image {
		width: 298rpx;
		height: 348rpx;
		border-radius: 10rpx;
	}
</style>
